<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="wangdali@qq.com">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>东方市智慧党建平台管理驾驶舱</title>
     <link rel="shortcut icon" href="favicon.ico" type="image/ico" />
     <link rel="stylesheet" href="css/map.css">
     <link rel="stylesheet" href="css/SimpleTree.css"/>
	<script type="text/javascript" src="js/SimpleTree.js"></script>
     <script type="text/javascript" src="js/jquery-3.4.0.min.js"></script>
     <script type="text/javascript" src="js/echarts4.min.js"></script>
     <script type="text/javascript" src="js/map.js"></script>
     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=39b5eb8bb91adccfa6487135d960a1e8"></script>
     <script type="text/javascript" src="http://api.map.baidu.com/library/InfoBox/1.2/src/InfoBox.js"></script>
     <script type="text/javascript" src="js/bmap.js?v=20170921"></script>
     <script type="text/javascript">
         <!--
         $(window).resize(function ()// 绑定到窗口的这个事件中
         {
             // var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值
             var whdef = 100/916;// 表示1920的设计图,使用100PX的默认值
             var wH = window.innerHeight;// 当前窗口的高度
             var wW = window.innerWidth;// 当前窗口的宽度
             // var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
             var rem = wH * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
             $('html').css('font-size', rem + "px");
             //myChart1.resize();
             //myChart2.resize();
             //myChart3.resize();
             //myChart4.resize();
         });
         //-->
     </script>
 </head>
 <body>
 <div class="container">
     <header><div class="herder_bg"></div>
        <a id="btn_title"  href="">东方市智慧党建平台管理驾驶舱</a>
        <a id="btn_build"  href="build.html">组织建设</a>
        <a id="btn_life"  href="life.html">组织生活</a>
        <a id="btn_edu"  href="edu.html">党员教育</a>
        <a id="btn_map"  href="map.html">党建地图</a>
     </header>
     <article>
         <div id="hideleft"></div>

         <div id="hideright"></div>


         <div class="wrap">
             <div  class="center">
                 <div id="map" style="width: 98%;height: 97%;    margin-left: 1%;top: 1.5%;"></div>
             </div>
         </div>


         <div class="left_margin  box-div">
             <div class="sun-div3">
                 <div class="sun-title"><span class="">组织机构列表</span></div>
                 <div class="st_tree" style="width:400px;margin:0 auto;">
                    <ul>
                        <li><a href="#" ref="xtgl">东方市组织部</a></li>
                        <ul show="true">
                            <li><a href="#" ref="ckgl">党委</a></li>
                            <ul show="true">
                                <li><a href="#" ref="fhgl">党总支1</a></li>
                                <ul show="true">
                                    <li><a href="#" ref="yhgl">第一党支部</a></li>
                                    <li><a href="#" ref="rzck">第二党支部</a></li>
                                    <li><a href="#" ref="rzck">第三党支部</a></li>
                                    <li><a href="#" ref="rzck">第四党支部</a></li>
                                    <li><a href="#" ref="rzck">第五党支部</a></li>
                                    <li><a href="#" ref="rzck">第六党支部</a></li>
                                    <li><a href="#" ref="rzck">第七党支部</a></li>
                                    <li><a href="#" ref="rzck">第八党支部</a></li>
                                    <li><a href="#" ref="rzck">第九党支部</a></li>
                                    <li><a href="#" ref="rzck">第十党支部</a></li>
                                </ul>
                                <li><a href="#" ref="fhgl">党总支2</a></li>
                                <ul>
                                    <li><a href="#" ref="yhgl">第一党支部</a></li>
                                    <li><a href="#" ref="rzck">第二党支部</a></li>
                                    <li><a href="#" ref="rzck">第三党支部</a></li>
                                    <li><a href="#" ref="rzck">第四党支部</a></li>
                                    <li><a href="#" ref="rzck">第五党支部</a></li>
                                    <li><a href="#" ref="rzck">第六党支部</a></li>
                                    <li><a href="#" ref="rzck">第七党支部</a></li>
                                    <li><a href="#" ref="rzck">第八党支部</a></li>
                                    <li><a href="#" ref="rzck">第九党支部</a></li>
                                    <li><a href="#" ref="rzck">第十党支部</a></li>
                                </ul>
                                <li><a href="#" ref="fhgl">党总支3</a></li>
                                <ul>
                                    <li><a href="#" ref="yhgl">第一党支部</a></li>
                                    <li><a href="#" ref="rzck">第二党支部</a></li>
                                    <li><a href="#" ref="rzck">第三党支部</a></li>
                                    <li><a href="#" ref="rzck">第四党支部</a></li>
                                    <li><a href="#" ref="rzck">第五党支部</a></li>
                                    <li><a href="#" ref="rzck">第六党支部</a></li>
                                    <li><a href="#" ref="rzck">第七党支部</a></li>
                                    <li><a href="#" ref="rzck">第八党支部</a></li>
                                    <li><a href="#" ref="rzck">第九党支部</a></li>
                                    <li><a href="#" ref="rzck">第十党支部</a></li>
                                </ul>
                            </ul>
                        </ul>
                    </ul>
                </div>
                
             </div>
             
         </div>


         <div class="right_margin box-div">
             <div class="sun-div" >
                 <ul class="">
                    <li>
                        <span class="org-title">组织名称：东城区区委会</span>
                    </li>
                    <li>
                         <span class="title1">党员人数：50</span>
                    </li>
                    <li>
                        <span class="title1">地址：海南省东方市东城区...</span>
                    </li>
                    <li>
                        <span class="title1">联系电话：0898-7758258</span>
                    </li>
                 </ul>
             </div>
             <div class="sun-div" >
                    <div class="sun-title"><span class="">搜索</span></div>
                    <ul class="">
                        <li>
                                <span class="title1">请输入：</span>
                        </li>
                        <li>
                            <input id="seName"  name="seName" type="text" placeholder="输入要查找的名称...">
                            <button type="button" onclick="searchDate()">搜索</button>
                       </li>
                       <li>
                            <span class="title1">符合结果的共有：<font  id="sumNum" color="#ffd700">0</font> </span>
                       </li>
                    </ul>
            </div>
             <div class="sun-div2">
                 <div class="sun-title"><span class="">搜索结果</span></div>
                 <ul class="data-contents-height" id="jlTop">
                     <li><b>1</b><b title="东方市人民政府">东方市人民政府</b>
                         <span class="r unchanged"><strong>155m</strong></span><span class="r unchanged1">
			  </span></li>
                     <li><b>2</b><b title="东方市公安局">东方市公安局</b>
                         <span class="r unchanged"><strong>385m</strong></span><span class="r unchanged1">
			 </span></li>
                     <li><b>3</b><b title="东方市人民法院">东方市人民法院</b>
                         <span class="r unchanged"><strong>885m</strong></span><span class="r unchanged1">
			  </span></li>
                     <li><b>4</b><b title="东方市党委">东方市党委</b>
                         <span class="r unchanged"><strong>885m</strong></span><span class="r unchanged1">
			  </span></li>
                     <li><b>5</b><b title="东方市气象局">东方市气象局</b>
                         <span class="r unchanged"><strong>1km</strong></span><span class="r unchanged1">
			  </span></li>
                 </ul>
             </div>
         </div>
     </article>
     <footer style="position: fixed;bottom: 0;width:100%;text-align: center;font-size: 0.12rem;color: #6cbbe6;">&copy;2019, 东方市组织部</footer>
 <script type="text/javascript">
     //var myChart1 = echarts.init(document.getElementById('ec1'));
     //var myChart2 = echarts.init(document.getElementById('ec2'));
     //var myChart3 = echarts.init(document.getElementById('ec3'));

     $(function () {
         $("#hideleft").toggle(
             function(){
                 $(".left_margin").animate({marginLeft:"-115%"});
                 $(".wrap").animate({marginLeft:0});
                 $(".center").animate({marginLeft:0});
             },
             function(){
                 $(".center").animate({marginLeft:"15%"});
                 $(".left_margin").animate({marginLeft:"-100%"});
             }
         );
         $("#hideright").toggle(
             function(){
                 $(".right_margin").animate({marginRight:"-115%"});
                 $(".wrap").animate({marginRight:0});
                 $(".center").animate({marginRight:0});
             },
             function(){
                 $(".center").animate({marginRight:"15%"});
                 $(".right_margin").animate({marginLeft:"-15%"});
             }
         );
     });
 </script>
 </body>
</html>
